<style>
    .xh-area-form label {
        width: 115px;
    }

    /*body {*/
    /*background-color: #f9f9f9;*/
    /*}*/

    .kv-file-content img {
        width: auto;
        height: 150px;
        max-width: 130px;
    }

    .file-footer-caption {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 120px;
        text-align: center;
        padding-top: 4px;
        font-size: 11px;
        color: rgb(119, 119, 119);
        overflow: hidden;
        margin: 5px auto;
    }

    .xh-form .btn {
        margin-right: 2px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .uploaded-photo-list li {
        float: left;
        width: auto !important;
        margin-right: 5px;
    }

    /*.fileinput-remove-button{*/
    /*display: none;!important;*/
    /*}*/
    /*.fileinput-upload-button{*/
    /*display: none;!important;*/
    /*}*/

</style>
<script>
    var users = {{ users|json_encode }};
    var schoolName = {{ schoolName|json_encode }};
    var payVoucherState = {{ payVoucherState|json_encode }};
    var chargeYear = {{ chargeYear|json_encode }};
</script>
<form id="xh_form" class="xh-form" method="post" enctype="multipart/form-data">
    <div class="smart-widget" style="background-color: #f5f5f5;border: none">
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <div class="xh-area-form">
                    <div style="position:relative;display: block;text-align: left;">
                        <span style="width: 80px;padding-left: 10px;">缴费年限 : </span>
                        <select id="selectYear" name="selectYear"
                                style="width: 100px;margin-bottom: 5px;display: inline-block">
                            {% for k ,v in chargeYear %}
                                <option value="{{ k }}">{{ v }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    <input type="hidden" name="iSchoolId" value="{{ schoolId }}">
                    {% for key ,user in users %}
                        <table style="border-collapse:separate;display: none" class="payVoucher table{{ user['iChargeYear'] }} smart-widget">
                            <tbody style="display: block">
                            <tr style="position: relative;background-color: #fff;"
                                class="tr{{ user['iChargeYear'] }}">
                                <td style="padding-top: 5px;" width="120"><label
                                            style="width: 120px;margin-left: 20px;">姓名：{{ user['sUserName'] }}</label>
                                </td>
                                <td style="padding-top: 5px;" width="120"><label
                                            style="width: 120px">班级：{{ user['sAdClsName'] }}</label></td>
                                <td style="padding-top: 5px;" width="300">
                                    <label style="width: 300px">登录名：{{ user['sLogonName'] }}</label>
                                </td>
                                <td width="120">
                                    <label style="width: 120px">状态：{{ user['iStateName'] }}</label>
                                </td>
                            </tr>
                            <tr class="tr{{ user['iChargeYear'] }}" style="position: relative;background-color: #fff;">
                                {% if user['iState'] != 1 and user['iState'] != 2 %}
                                    <td colspan="4" style="width:720px;padding-left: 20px;padding-bottom: 20px;">
                                        <input type='file' multiple="multiple" class="inputFiles" id='payVoucher{{ user['iUserId'] }}{{ user['iChargeYear'] }}'
                                               name="payVoucher[{{ user['iUserId'] }}][{{ user['iChargeYear'] }}][]"
                                               accept="image/*">
                                    </td>
                                    <input type="hidden" name="iUserId[{{ user['iChargeYear'] }}][]" value="{{ user['iUserId'] }}">
                                    <input type="hidden" name="sAdClsName[{{ user['iUserId'] }}][{{ user['iChargeYear'] }}]"
                                           value="{{ user['sAdClsName'] }}">
                                {% else %}
                                    <td colspan="4" valign="top" style="padding-left: 20px;width:720px;">
                                        <div id="fileList{{ user['iUserId'] }}{{ user['iChargeYear'] }}"
                                             style="width: 100%">
                                        </div>
                                    </td>
                                {% endif %}
                            </tr>
                            {% if user['iState'] ==3 %}
                                <tr class="tr{{ user['iChargeYear'] }}" style="position: relative;background-color: #fff;">
                                    <td colspan="4" width="120">
                                        <label style="width: 200px;margin-left: 20px;">备注信息：{{ user['sRemarks'] }}</label>
                                    </td>
                                </tr>
                            {% endif %}
                            <tr class="tr{{ user['iChargeYear'] }}" style="width: 100%;height:10px;">
                            </tr>
                            </tbody>
                        </table>
                    {% endfor %}

                </div>

            </div>
        </div>
    </div>
    <div class="xh-area-button" style="padding-left: 15px;">
        {% if FormButton is defined %}{{ FormButton }}{% endif %}
    </div>
</form>